<template>
  <view v-if="pageShow" class="contanier">
    <view class="content">
      <view class="top">
        <image :src="shopObj.img" class="img" mode="aspectFill"></image>
        <view class="top-title">
          <text style="font-size: 32rpx; color: #333">{{ shopObj.name }}</text>
          <text style="font-size: 26rpx; color: #999; margin-top: 16rpx"
            >{{ shopObj.money }}积分</text
          >
        </view>
      </view>
      <view class="number">
        <text style="font-size: 28rpx; color: #333">数量</text>
        <u-number-box
          v-model="shopNum"
          :min="1"
          @change="shopNumChange"
          integer
          :max="1"
        ></u-number-box>
      </view>
      <view class="total">
        <text style="color: #333">合计</text>
        <text style="color: #ff5a5a">{{ finalPrice }}积分</text>
      </view>
      <view class="personal-bamboo">
        当前剩余积分：{{ userInfo.money }}
      </view>
    </view>
    <view class="bottom">
      <view class="bottom-home" @click="goHome">
        <image
          src="https://xzcs-public-files.oss-cn-beijing.aliyuncs.com/static/activityCenter/home-icon.png"
          class="img"
        ></image>
        <text style="font-size: 26rpx; color: #666; margin-top: 6rpx"
          >首页</text
        >
      </view>
      <view class="bottom-btn" @click="goOrderDetail()"> 确认兑换 </view>
    </view>
  </view>
</template>

<script
  type="text/javascript"
  src="plus-confusion://../pointsMall/exchangeMall/index"
></script>

<style lang="scss" scoped>
@import "./index.scss";
</style>
